.zzsc{ margin:0 auto; width:580px; height:80px; border:1px solid #F00} 
.page{
    list-style: none;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page>li{
    float: left;
    cursor: pointer;
}
.page>li>a 
{
    display:inline-block;
    padding: 5px 10px;
}
.page .pageItem{
    border: solid thin #DDDDDD;
    margin: 5px;
    border-radius: 3px;
}
.page .pageItemActive{
    border: solid thin #4370f5;
    margin: 5px;
    background-color: #4370f5;
    color: White;
    padding: 5px 10px;
    border-radius: 3px;
}
.page .pageItem:hover {
    border: solid thin #4370f5;
    background-color: #4370f5;
}
.page .pageItem a:hover {
    color: White;
}
.page .pageItemDisable {
    border: solid thin #DDDDDD;
    margin: 5px;
    background-color: #DDDDDD;
    padding: 5px 10px;
    border-radius: 3px;
}